<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:framework="http://java.sun.com/jsf/composite/components"
	template="/WEB-INF/template.xhtml">

	<h:outputScript library="vue" name="vue.min.js" />
	<!-- 引入样式 -->
	<link rel="stylesheet"
		href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></link>
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>


	<div id="app">
		<h:form>
			<p>{{ message }}</p>
		</h:form>
	</div>


	<h:outputScript>
	new Vue({
	  el: '#app',
	  data: {
	    message: 'empty page',
	    checkList: ['选中且禁用','复选框 A']
	  },
	  
	  methods: {
	  	onclick:function(){
	  		alert("123");
	  	}
	  }
	})

	</h:outputScript>

</ui:composition>